<template>
	<div class="container">
		<div class="content">
			<div class="body">
				<div class="section">
					<div class="image-text">
						<image class="single-avatar" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngcf0667be6730baede2a287a51479eb6c140e9438c94824f4bae11d455249dc65" />
						<text class="text-group">用户昵称</text>
					</div>
					<text class="text">45</text>
					<text class="text-time">4月3日</text>
					<image class="icon" @click="toComment()" src="/static/icons/icon_lianxi.png" />
				</div>
			</div>
		</div>
		<uni-popup ref="sendPopup" type="bottom" :maskClick="false">
			<div class="send-popup">
				<div class="send-head">
					<div class="textarea-wrap">
						<textarea maxlength="2000" placeholder-style="color:#bcbcbc;padding:0;font-size:26rpx"
							placeholder="请输入你想留言的内容..." />
					</div>
					<div class="footer">
						<div class="btn" @click="close()">
							取消
						</div>
						<div class="btn submit">
							留言
						</div>
					</div>
				</div>
			</div>
		</uni-popup>
	</div>
</template>

<script>
	import data from '@/js/index/myFans/data.js';
	import methods from '@/js/index/myFans/methods.js';
	import uniPopup from "@/components/uni-popup/uni-popup.vue";
	import {
		mapState
	} from 'vuex';
	// 引入antv组件
	import F2 from '@/uni_modules/lime-f2/components/l-f2/f2-all.min.js';
	export default {
		data,
		methods,
		onLoad(e) {

		},
		onShow() {

		},

		onHide() {
			console.log('on hide')
		},
		onUnload() {},
		computed: {
			...mapState(['userInfo']),
			bgHeight() {
				// #ifdef APP-PLUS
				return 250
				// #endif
				return this.navigationBarHeight + uni.upx2px(364);
			}
		},

		components: {
			uniPopup
		}
	};
</script>

<style>
	page {
		background-color: #FFFFFF;
	}

	/* uni-page{
   	background-color: #FFFFFF;
   } */
</style>
<style scoped lang="scss">
	@import '~@/style/index/myFans.scss';
</style>
